<div><a id="start" href="a"><img src="resources/green.png" width=30 height=30></a></div>

<iframe id="frameA" width="80" height="80" scrolling="auto" srcdoc="
  <body id='frameAbody'>
    <a id='1' href='a'><img src='no_image' width=30 height=30></a>
    <div>
      <img src='no_image' width=50 height=300>
      <a id='2' href='a'><img src='no_image' width=30 height=30></a>
    </div>
  </body>
"></iframe><br>

<div><a id="end" href="a"><img src="resources/green.png" width=30 height=30></a></div>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  var resultMap = [
    ["Down", "frameA,frameAbody"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,1"],
    ["Down", "frameA,2"],
    ["Down", "frameA,2"],
    ["Down", "end"],
    ["Up", "frameA,frameAbody"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,2"],
    ["Up", "frameA,1"],
    ["Up", "frameA,1"],
    ["Up", "start"],
  ];
  // Start at a known place.
  document.getElementById("start").focus();
  snav.assertFocusMoves(resultMap);
</script>
